<template>
    <div class="nav-bar">
        <div class="left"><slot name="left"></slot></div>
        <div class="center"><slot name="center"></slot></div>
        <div class="right"><slot name="right"></slot></div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style  scoped>
.nav-bar{
    display: flex;
    line-height: 13.333vw;
    height: 13.333vw;
    text-align: center;
    font-size: 4.533vw;
    font-weight: bold;
}
.left,.right{
    width: 16vw;
    /* background-color: rgb(126, 34, 34); */
}
.center{
    padding: 0 1.333vw;
    flex: 1;
/* background-color: #fff; */
}
.center p{
    overflow:hidden;
    text-overflow:ellipsis; /* 加省略号 */
    white-space:nowrap; /* 强制不换行 */
    margin: 0;
}
</style>